<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script type="module">
      /*
      声明导入导出
        声明前导出
        ① 直接在声明前使用 export
        ② 在文件最后使用 export {变量名,变量名}

        导入
        ① 变量名映射导入  import {变量名,变量名} form '' 
        ② 星号全都导入  import * as 变量名 from ''

        导入变量定义冲突
        ① 使用导入变量别名 import { 映射模块变量  as 真实变量名 }

        导出变量别名
        ① 导出 export { } 时候对导出的变量重新定义别名，export {变量名 as  导出变量名}

      默认导入导出

        默认导出
        ① 在一个文件中只能出现一次
        ② 导出语法 export default 任意值或变量

        默认导入
        ① 语法 import 变量名 from ''
        ② export default 导出的内容 直接赋值给"导入的变量"
       
      */
      import data from "./js/m2.js";

      console.log(data);
    </script>
  </body>
</html>
